body {font-family: PingFangSC-Regular,Verdana,Arial,"宋体","微软雅黑"; overflow: hidden; background-color: #F0F0F0;}
html {background-color: #F0F0F0;}
.isflexbox {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items:center; -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center;}
.isflex {flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}

.order-main {width: 10rem; margin: 0 auto; overflow: hidden;}
.order-address {margin-bottom: 0.13333333rem;}
.order-addaddress,.order-infoaddress {width: 100%; margin: 0 auto; min-height: 2.90666666rem; background-color: #FFF;}
.order-addaddress div {-webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center;}
.order-addaddress div img {width: 0.42666666rem; height: auto;}
.order-addaddress div p {font-size: 14px; line-height: 1.21428571; color: #505050; margin: 0 0.16rem;}
.order-titleone {margin: 0.4rem 0 0.53333333rem 0;}
.order-titletwo {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; margin-bottom: 0.4rem;}
.order-titleone p,.order-titletwo p {display: inline-block;}
.order-titleone p,.order-titletwo p:nth-child(1) {font-size: 14px; line-height: 1.21428571; color: #333;}
.order-titletwo p:nth-child(2) {font-size: 14px; line-height: 1.21428571; color: #333;}
.order-infoaddress div p:nth-child(2) {margin: 0 0.26666666rem 0 0.08rem; word-wrap: break-word;}
.order-titleone p:nth-child(1) {margin-left: 0.4rem;}
.order-titletwo p:nth-child(1) {margin-left: 0.4rem;}
.order-arrow {width: 0.34666666rem; height: auto; margin-right: 0.4rem; display: inline-block;}
.order-arrow-special  {width: 0.34666666rem; height: auto; display: inline-block;}

.order-title {width: 100%; height: 0.8rem; background-color: #FFF; margin-bottom: 0.02666666rem;}
.order-title div {width: 0.13333333rem; height: 0.53333333rem; background-color: #EA4040; margin-right: 0.26666666rem;}
.order-title p {font-size: 14px; line-height: 1.21428571; color: #333;}
[data-dpr="2"] .order-title p,[data-dpr="2"] .order-addaddress div p,[data-dpr="2"] .order-titleone p,[data-dpr="2"] .order-titletwo p {font-size: 28px;}
[data-dpr="3"] .order-title p,[data-dpr="3"] .order-addaddress div p,[data-dpr="3"] .order-titleone p,[data-dpr="3"] .order-titletwo p {font-size: 42px;}

.detail-content {width: 100%; background-color: #FFF; overflow: hidden; margin-bottom: 0.13333333rem;}
.detail-price {width: 100%; overflow: hidden;}
.detail-pricel {float: left; margin: 0.4rem 0 0.69333333rem 0.93333333rem; text-align: center;}
.detail-pricel img {width: 1.33333333rem; height: auto; margin-bottom: 0.58666666rem;}
.detail-pricer {float: right; margin: 0.50666666rem 0.4rem 0.53333333rem 0; text-align: right;}
.detail-pricer span {vertical-align: middle;}
.detail-pricer p:nth-child(1) {margin-bottom: 0.4rem;}
.detail-pricer p:nth-child(2) {margin-bottom: 0.26666666rem;}
.text-four {font-size: 16px; line-height: 1.1875; color: #333; margin-left: 0.26666666rem;}
.text-five {font-size: 16px; line-height: 1.1875; color: #EA4040; margin-left: 0.26666666rem;}
[data-dpr="2"] .text-four,[data-dpr="2"] .text-five {font-size: 32px;}
[data-dpr="3"] .text-four,[data-dpr="3"] .text-five {font-size: 48px;}
.text-six {font-size: 20px; line-height: 1.4; color: #EA4040; margin-left: 0.26666666rem;}
[data-dpr="2"] .text-six {font-size: 40px;}
[data-dpr="3"] .text-six {font-size: 60px;}
.p-one {padding: 0.4rem 0.4rem 0.45333333rem; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.p-one span:first-child {min-width: 3rem; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.p-one span:last-child {float: right; padding-left: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.div-one {padding: 0.4rem 0.4rem 0; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.div-one span:first-child {float: left; max-width: 4.4rem; min-width: 3rem; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.div-one span:last-child {float: right; padding-left: 0.2rem; text-align: right; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.div-one p {flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-three {padding: 0.4rem 0.4rem 0; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.p-three span:first-child {min-width: 3rem; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.p-three span:last-child {float: right; padding-left: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-four span:first-child {float: left; max-width: auto; min-width: auto; padding-left: 0.2rem; text-align: left; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-four span:last-child {float: right; padding-left: 0.2rem; text-align: right; flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.line {width: 100%; min-height: 0.02666666rem; height: 0.02666666rem; font-size: 0; line-height: 0; margin: 0; padding: 0; background-color: #F5F5F5; overflow: hidden;}
.text-one {font-size: 14px; line-height: 0.45333333rem; color: #999;}
.text-two {font-size: 14px; line-height: 0.45333333rem; color: #333;}
.text-three {font-size: 14px; line-height: 0.45333333rem; color: #0076FF;}
[data-dpr="2"] .text-one,[data-dpr="2"] .text-two,[data-dpr="2"] .text-three {font-size: 28px;}
[data-dpr="3"] .text-one,[data-dpr="3"] .text-two,[data-dpr="3"] .text-three {font-size: 42px;}

.owners-info {width: 100%; margin: 0 auto 0.13333333rem; overflow: hidden;}
.owners-info .order-title {margin-bottom: 0;}
.owners-msg ul {overflow: hidden;}
.owners-msg li {width: 100%; height: 1.46666666rem; background-color: #FFF; margin-top: 0.02666666rem; -webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify;}
.owners-title {font-size: 14px; line-height: 1.21428571; color: #333; margin-left: 0.4rem;}
.owners-msg li input {font-size: 14px; line-height: 1.46666666rem; color: #333; border: 0; text-align: right; margin-right: 0.4rem;}
.owners-msg li img {width: 0.32rem; height: auto; margin: 0 0.4rem 0 0.21333333rem;}
[data-dpr="2"] .owners-title,[data-dpr="2"] .owners-msg li input,[data-dpr="2"] .owners-same {font-size: 28px;}
[data-dpr="3"] .owners-title,[data-dpr="3"] .owners-msg li input,[data-dpr="3"] .owners-same {font-size: 42px;}
.owners-choice {position: relative;}
.owners-same {min-width: 1.5rem; text-align: right; font-size: 14px; line-height: 1.21428571; color: #999; position: absolute;  right: 1.44rem;}
.isowners {width: 0.84266666rem; height: 0.53333333rem; background-color: #EA4040; border-radius: 1.06666666rem; position: relative; right: 0.4rem;}
.isowners p {width: 0.45333333rem; height: 0.45333333rem; border-radius: 50%; background-color: #FFF; position: absolute; top: 50%; margin-top: -0.22666666rem; box-shadow: 0 0.08rem 0.02666666rem 0 rgba(0,0,0,0.05), 0 0.05333333rem 0.05333333rem 0 rgba(0,0,0,0.10), 0 0.08rem 0.08rem 0 rgba(0,0,0,0.05);}

.car-info {width: 100%; margin: 0 auto; overflow: hidden;}
.car-msg {background-color: #FFF;}
.car-msg ul {overflow: hidden;}
.car-msg ul li {margin-top: 0.4rem; margin-left: 0.4rem;}
.car-msg ul li:last-child {margin-bottom: 0.4rem;}
.car-msg li p:nth-child(1) {font-size: 14px; line-height: 1.21428571; color: #999; min-width: 2.2rem;}
.car-msg li p:nth-child(2) {font-size: 14px; line-height: 1.21428571; color: #333; width: 5.33333333rem;}
[data-dpr="2"] .car-msg li p,[data-dpr="2"] .order-protocol {font-size: 28px;}
[data-dpr="3"] .car-msg li p,[data-dpr="3"] .order-protocol {font-size: 42px;}
.order-agreement {width: 100%; position: relative; margin: 0.4rem auto; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center;}
.order-protocol {font-size: 14px; line-height: 1.21428571; color: #333;}
.order-protocol span {color: #EA4040;}
.isagreement {width: 0.84266666rem; height: 0.53333333rem; background-color: #EA4040; border-radius: 1.06666666rem; position: relative; border: 0.01333333rem solid #999;}
.isagreement p {width: 0.45333333rem; height: 0.45333333rem; border-radius: 50%; background-color: #FFF; position: absolute; top: 50%; margin-top: -0.22666666rem; box-shadow: 0 0.08rem 0.02666666rem 0 rgba(0,0,0,0.05), 0 0.05333333rem 0.05333333rem 0 rgba(0,0,0,0.10), 0 0.08rem 0.08rem 0 rgba(0,0,0,0.05);}
.order-next {width: 100%; height: 1.30666666rem; line-height: 1.30666666rem; margin: 0 auto; background-color: #EA4040; color: #FFF; text-align: center; font-size: 16px;}
[data-dpr="2"] .order-next {font-size: 32px;}
[data-dpr="3"] .order-next {font-size: 48px;}

.address-main {width: 10rem; margin: 0 auto; overflow: hidden; position: relative; display: none;}
.address-main ul {overflow: hidden; margin-bottom: 2.13333333rem;}
.address-main ul li {margin-bottom: 0.13333333rem;}
.address-main ul li:nth-child(1) {margin-top: 0.02666666rem;}
.address-info {margin-bottom: 0.02666666rem; overflow: hidden; background-color: #FFF;}
.address-info div {font-size: 14px; line-height: 1.21428571; color: #505050; margin: 0.4rem 0.4rem 0.53333333rem; -webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify;}
.address-detailed {font-size: 14px; line-height: 1.42857143; color: #4A4A4A; margin: 0 0.4rem 0.77333333rem; word-wrap: break-word;}
.address-operate {font-size: 14px; line-height: 1.21428571; color: #505050; padding: 0.34666666rem 0.4rem 0.48rem; background-color: #FFF; -webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify;}
.address-operate img {vertical-align: middle; width: 0.4rem; height: auto;}
.address-operate p {display: inline-block; vertical-align: middle;}
.address-default img {width: 0.37333333rem; height: auto;}
.address-default p {margin: 0 0.26666666rem;}
.address-default input {display: none;}
.address-update {margin-right: 0.56rem;}
.address-update p,.address-delete p {margin-left: 0.16rem;}
[data-dpr="2"] .address-main p {font-size: 28px;}
[data-dpr="3"] .address-main p {font-size: 42px;}

.address-next {position: fixed; bottom: 0; z-index: 999; width: 10rem; background-color: #FFF; box-shadow: 0 0 0.10666666rem 0 #CCC; -webkit-box-shadow: 0 0 0.10666666rem 0 #CCC; -moz-box-shadow: 0 0 0.10666666rem 0 #CCC;}
.address-next p {width: 8.53333333rem; height: 1.17333333rem; font-size: 16px; line-height: 1.17333333rem; text-align: center; color: #FFF; margin: 0.48rem auto; background-color: #EA4040; box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -webkit-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -moz-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; border-radius: 0.64rem;}
[data-dpr="2"] .address-next p {font-size: 32px;}
[data-dpr="3"] .address-next p {font-size: 48px;}

.operate-address {width: 10rem; margin: 0 auto; overflow: hidden; display: none;}
.operate-info ul {overflow: hidden;}
.operate-info li {min-height: 1.46666666rem; margin-top: 0.02666666rem; padding: 0 0.4rem; background-color: #FFF;-webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify;}
.operate-titleone {font-size: 14px; line-height: 1.21428571; color: #333;}
.operate-info li input {min-height: 1.46666666rem; line-height: 1.46666666rem; border: 0; color: #333; text-align: right;}
.operate-info span {font-size: 14px;}
.operate-titletwo {color: #333;}
.operate-area span {margin-right: 0.26666666rem; color: #333;}
.operate-arrow {font-size: 18px; color: #CCC; display: inline-block; margin-left: 0.15rem; line-height: 1.46666666rem;}
[data-dpr="2"] .operate-arrow {font-size: 36px;}
[data-dpr="3"] .operate-arrow {font-size: 54px;}
.operate-info li textarea{width: 100%; font-size: 14px; line-height: 1.42857143; color: #333; resize: none; border: 0; margin: 0.26666666rem auto;}
.operate-default {min-height: 1.46666666rem; margin-top: 0.13333333rem; background-color: #FFF; -webkit-justify-content: space-between; justify-content: space-between; -moz-box-pack: justify; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify;}
.operate-default span {font-size: 14px; line-height: 1.21428571; color: #333; margin-left: 0.4rem;}
.isdefault {width: 0.84266666rem; height: 0.53333333rem; background-color: #EA4040; border-radius: 1.06666666rem; position: relative; margin-right: 0.4rem;}
.isdefault p {width: 0.45333333rem; height: 0.45333333rem; border-radius: 50%; background-color: #FFF; position: absolute; top: 50%; margin-top: -0.22666666rem; box-shadow: 0 0.08rem 0.02666666rem 0 rgba(0,0,0,0.05), 0 0.05333333rem 0.05333333rem 0 rgba(0,0,0,0.10), 0 0.08rem 0.08rem 0 rgba(0,0,0,0.05);}
[data-dpr="2"] .operate-info span,[data-dpr="2"] .operate-info li textarea,[data-dpr="2"] .operate-default span {font-size: 28px;}
[data-dpr="3"] .operate-info span,[data-dpr="3"] .operate-info li textarea,[data-dpr="3"] .operate-default span {font-size: 42px;}
.operate-save {width: 8.53333333rem; height: 1.17333333rem; font-size: 16px; line-height: 1.17333333rem; text-align: center; color: #FFF; margin: 0.53333333rem auto; background-color: #EA4040; box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -webkit-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; -moz-box-shadow: 0 0 0.10666666rem 0 #FF6B6B; border-radius: 0.64rem;}
[data-dpr="2"] .operate-save {font-size: 32px;}
[data-dpr="3"] .operate-save {font-size: 48px;}

.operate-info input::-webkit-input-placeholder,.operate-info textarea::-webkit-input-placeholder {color: #999;}
.operate-info input:-moz-placeholder,.operate-info textarea:-moz-placeholder {color:#999;}
.operate-info input::-moz-placeholder,.operate-info textarea::-moz-placeholder {color:#999;}
.operate-info input:-ms-input-placeholder,.operate-info textarea:-ms-input-placeholder {color:#999;}

.insurance-agreement {width: 90%; height: 90%; position: fixed; left: 5%; top: 5%; overflow-y: scroll; z-index: 100010; background-color: #CCC; display: none;}
.insurance-agreement span {font-size: 18px; position: fixed; right: 7%; top: 6%; z-index: 100011;}
.insurance-agreement h1 {font-size: 18px; text-align: center; font-weight: bold; margin: 0.4rem auto 0;}
[data-dpr="2"] .insurance-agreement h1,[data-dpr="2"] .insurance-agreement span {font-size: 36px;}
[data-dpr="3"] .insurance-agreement h1,[data-dpr="3"] .insurance-agreement span {font-size: 54px;}
.insurance-agreement h2 {font-size: 16px; font-weight: bold; margin: 0.1rem auto; padding: 0 0.4rem;}
[data-dpr="2"] .insurance-agreement h2 {font-size: 32px;}
[data-dpr="3"] .insurance-agreement h2 {font-size: 48px;}
.agreement-subtitle {font-size: 14px; text-indent: 1em; padding: 0 0.4rem; text-align: justify;}
.agreement-subtext {font-size: 14px; text-indent: 3em; padding: 0 0.4rem; text-align: justify; margin: 0.1rem auto;}
[data-dpr="2"] .agreement-subtitle,[data-dpr="2"] .agreement-subtext {font-size: 28px;}
[data-dpr="3"] .agreement-subtitle,[data-dpr="3"] .agreement-subtext {font-size: 42px;}